<template>
    <div class="container">

        <div class="body_wrap">
            <el-card class="body_card" shadow="hover" ref="content_card">
                <div class="header_back_wrap">
                    <el-page-header @back="$router.back(-1)" :content="$route.meta.title" class="headerBack"></el-page-header>
                    <el-divider></el-divider>
                </div>

                <div class="form_content">
                    <div class="table_form_wrap">
                        <div class="play_wrap">
                            <HlsNPlayer playsrc="http://api.mars.admin.com/hls/master_output.m3u8" />
                        </div>
                    </div>
                </div>

            </el-card>
        </div>



    </div>
</template>

<script>
import HlsNPlayer from '@/views/components/HlsPlayer/HlsNPlayer.vue';
export default {
    components: {
        HlsNPlayer
    },
    data() {
        return {
            
        }
    },

    created() {
    },

    mounted() {
        this.$nextTick(function() {
        });
    },

    methods: {

    },
    beforeDestroy() {

    }
}
</script>
<style src="@wangeditor/editor/dist/css/style.css"></style>
<style lang="scss" scoped>
.play_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
</style>
